لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش تجسم سه بعدی وب سه بعدی Three.js [ویدئو]
Hands-on Three.js 3D Web Visualisations [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
Three.js محبوبترین کتابخانه جاوا اسکریپت برای نمایش محتوای سهبعدی در وب است که به شما این قدرت را میدهد که مدلها، بازیها، موزیک ویدیوهای باورنکردنی و تجسمهای علمی/دادهها را در مرورگر و حتی در گوشی هوشمندتان نمایش دهید!
این دوره با یک پرایمر سه بعدی در سطح مبتدی تا مفاهیم سه بعدی و چند مثال اساسی شروع می شود تا شما را با مهم ترین ویژگی هایی که Three.js ارائه می دهد شروع کنید. شما یاد خواهید گرفت که چگونه به سرعت یک صحنه، دوربین و رندر ایجاد کنید و چگونه مش ها را با استفاده از هندسه اولیه موجود در کتابخانه اضافه کنید. شما مراحل عیبیابی را بررسی خواهید کرد که بر روی برخی از مشکلات رایجی که توسعهدهندگان با آن مواجه هستند تمرکز خواهد کرد. شما سیستم انیمیشن بسیار پیچیده موجود در کتابخانه را خواهید آموخت. این دوره با معرفی پس پردازش، در اصل افزودن فیلترها به صحنه رندر شده شما، و GLSL، زبان سایه زنی که توسط همه مواد موجود در کتابخانه استفاده می شود، به پایان می رسد. خواهید دید که چگونه ایجاد مواد خود آسان تر از تصور شما با استفاده از GLSL است.
در پایان این دوره، می توانید به سرعت ویژگی های پیشرفته ای را به صحنه های سه بعدی خود اضافه کنید، نحوه تعامل کاربران با آنها را بهبود بخشید و آنها را خیره کننده جلوه دهید.
بسته کد این دوره در آدرس زیر موجود است: https://github.com/PacktPublishing/-Hands-on-Three.js-3D-Web-Visualisations اصول اولیه برنامه های کاربردی سه بعدی را بیاموزید: رئوس، چهره ها، مش ها، دوربین ها و رندرها
نحوه راه اندازی برنامه وب Three.js: صحنه، دوربین و رندر را بیاموزید
تسلط بر سلسله مراتب صحنه و روابط کودک و والد و چگونگی تأثیر آنها بر مکان و جهت گیری نهایی اشیا
اشکال مش ساده (مانند جعبه، کره، استوانه، صفحه و مخروط) را با استفاده از کتابخانه Three.js کاوش کنید.
یاد بگیرید که چگونه دارایی های پیچیده از جمله بافت ها را منبع، ایجاد و بارگیری کنید
نحوه استفاده از سیستم انیمیشن درخشان را که بخشی از کتابخانه THREE.js است، کشف کنید
یک پس پردازشگر به یک تصویر رندر شده اضافه کنید تا شبیه یک فیلم قدیمی یا یک صفحه نمایش نقطهای به نظر برسد اگر توسعهدهنده جاوا اسکریپت هستید و میخواهید یاد بگیرید که چگونه از کتابخانه Three.js برای ایجاد گرافیکهای سه بعدی در مرورگر خود استفاده کنید، پس این دوره برای شماست یاد بگیرید که از محبوب ترین کتابخانه WebGL برای نمایش جلوه های سه بعدی شگفت انگیز در هر مرورگر مدرن استفاده کنید * این دوره شما را گام به گام از ایجاد اشکال ساده تا هندسه پیچیده، نورپردازی و انیمیشن راهنمایی می کند. * به شما درک عمیقی از کتابخانه می دهد تا شما را برای توسعه محتوای خود آماده کند
سرفصل ها و درس ها
اولین صفحه وب سه بعدی خود را با THREE.js بسازید
Build Your First 3D Web Page with THREE.js
بررسی اجمالی دوره
The Course Overview
معرفی وب سایت THREE.js
Introducing the THREE.js website
مبانی سه بعدی
3D Basics
اولین صفحه وب THREE.js شما`
Your first THREE.js web page`
ویرایشگر THREE.js
The THREE.js Editor
اشکال زدایی صفحات شما
Debugging Your Pages
هندسه و مواد
Geometry and Materials
بیایید آن را ساده نگه داریم: با یک جعبه شروع کنیم
Let's Keep It Simple: Starting with a Box
مواد اول - پایه و وایرفریم
Materials One - Basic and Wireframe
کره ها و استوانه ها
Spheres and Cylinders
مواد دوم - لامبرت و فونگ
Materials Two - Lambert and Phong
مخروط ها و توری
Cones and Tori
سلسله مراتب صحنه و دوربین ها
Scene Hierarchy and Cameras
سلسله مراتب صحنه
Scene Hierarchy
دوربین پرسپکتیو
Perspective Camera
دوربین املایی
Orthographic Camera
دوربین های ساختگی و Lerping
Dummy Cameras and Lerping
مسیرهای پیچیده دوربین
Complex Camera Paths
نورها و سایه ها
Lights and Shadows
نورپردازی محیط و نیمکره
Ambient and Hemisphere Lighting
نور جهت و نقطه ای
Directional and Point Lighting
نورپردازی نقطه ای و RectArea
Spot and RectArea Lighting
اضافه کردن سایه ها به صحنه های شما
Adding Shadows to Your Scenes
نورپردازی صحیح فیزیکی
Physically Correct Lighting
منبع یابی، ایجاد و بارگیری دارایی ها
Sourcing, Creating, and Loading Assets
منابع آنلاین دارایی های سه بعدی
Online Sources of 3D Assets
استفاده از بلندر با THREE.js
Using Blender with THREE.js
کلاس GLTFLoader
The GLTFLoader Class
کلاس FBXLoader
The FBXLoader Class
LatheGeometry و ExtrudeGeometry
LatheGeometry and ExtrudeGeometry
سیستم انیمیشن THREE.js
The THREE.js Animation System
مبانی سیستم انیمیشن
The Basics of the Animation System
مش های پوستی
Skinned Meshes
تغییر و ترکیب انیمیشن ها
Switching and Blending Animations
تقسیم یک کلیپ انیمیشن
Splitting an Animation Clip
یک سیستم کنترل WASD برای یک شخصیت بازیکن
A WASD Control System for a Player Character
GLSL - Vertex Shaders را معرفی می کنیم
Introducing GLSL - Vertex Shaders
معرفی GLSL - اهمیت عملکرد نویز
Introducing GLSL - Importance of Noise Function
معرفی GLSL - Textures
Introducing GLSL - Textures
نمایش نظرات
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
نیک لوور در سال 1980 به عنوان انیماتور کارتون شروع به کار کرد. خرید Sinclair ZX81 در سال 1982 آغاز مهاجرت به سمت یک برنامه نویس تمام وقت بود. ZX81 به سرعت با Sinclair Spectrum تعویض شد. یک پردازنده Z80 و یک رم عظیم 48K این رایانه را به رایانه ای بسیار بهتر برای توسعه بازی ها تبدیل کرد و او بازی ها را با استفاده از Sinclair Basic و سپس Z80 Assembler توسعه داد. Spectrum با Commodore Amiga تعویض شد و نیک بازیهای بیشتری را در بازار اشتراکافزار توسعه داد و به استفاده از C ادامه داد. در این مرحله، برنامهنویسی اساساً یک سرگرمی بود. کار پولی همچنان تبلیغات تلویزیونی انیمیشن بود.
نیک سرانجام در اوایل دهه نود یک رایانه شخصی خریداری کرد، یک کتابخانه Sprite Control ActiveX ایجاد کرد و اولین کتاب خود را با هدف جذب طراحان به برنامه نویسی نوشت. در اواسط دهه نود، فلش آمد و شرکتی که او اکنون اداره میکرد، Catalyst Pictures، با ساخت بازیها شناخته شد.
از آن زمان، بیشتر زندگی کاری او به ساخت بازی ها، ابتدا در Flash و سپس Director اختصاص داده شده است، زیرا Director اولین کتابخانه سه بعدی گسترده ای را منتشر کرد که با استفاده از یک افزونه در مرورگر اجرا می شد.
در سال های اخیر، توسعه بازی او شامل استفاده از HTML5 و Canvas برای ایجاد بازی های دو بعدی و سه بعدی با استفاده از کد سفارشی و کتابخانه های مختلف بوده است. ترجیح او استفاده از آخرین نسخه Adobe Flash است که اکنون Animate نامیده می شود، که از طریق کتابخانه Createjs به جاوا اسکریپت صادر می شود و از کتابخانه THREE.js WebGL استفاده می کند.
نیک محتوای آنلاین را برای BBC، Johnson and Johnson، Deloitte، Mars Corporation و بسیاری دیگر از مشتریان بلو چیپ توسعه داده است. شرکتی که او بیش از 30 سال آن را اداره می کند جوایز متعددی را دریافت کرده و دو بار نامزد جایزه بفتا شده است که معادل جایزه اسکار در بریتانیا است.
در طول 20 سال گذشته، او از اینکه چقدر سخت بوده است به دست آوردن توسعه دهندگان خوب شگفت زده شده است و تصمیم گرفته است به جای اینکه فقط شکایت کند، کاری در این مورد انجام دهد. او یک CodeClub را برای بچه های 9-13 ساله اداره می کند و چندین دوره برای Udemy به امید الهام بخشیدن و آموزش توسعه دهندگان جدید ایجاد کرده است.
نمایش نظرات